<template>
    <div class="root" @click="openGameClick">
        <img :src="game.game_icon" />
        <h5>{{game.game_name}}</h5>
    </div>
</template>

<script>
    export default {
        props:["game"],
        methods:{
            openGameClick(){
                //   跳转到斗鱼的直播
                // location.href = this.room.url;
                window.open(this.game.game_url)
            }
        }
    }
</script>

<style scoped>
    .root{
         width: 100px;
        height: 100px;
        margin: 1rem 0px;
        
        /*overflow: hidden;*/
    }
    img{
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }
    h5{
        margin: 0px;
        /*height: 20%;*/
        font-size: 12px;
        text-align: center;
    }
</style>